<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>图片管理</title>
		
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"></link>
		<link href="css/foodstyle.css" rel="stylesheet" type="text/css"></link>
		<link href="css/sb-admin-2.css" rel="stylesheet"></link>
	    <link href="component/metisMenu/dist/metisMenu.min.css" rel="stylesheet"></link>
	    <link rel="stylesheet" type="text/css" href="css/default.css">
        <link href="css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />	
	   
	    	<link href="component/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

		<script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script> 
         <!-- Metis Menu Plugin JavaScript -->
	    <script src="component/metisMenu/dist/metisMenu.min.js"></script>
	
	   
	
	    <!-- Custom Theme JavaScript -->
	    <script src="js/sb-admin-2.js"></script>
	    <script src="js/fileinput.min.js" type="text/javascript"></script>
        <script src="js/fileinput_locale_zh.js" type="text/javascript"></script>
	</head>
	<body>
	 <div class="navbar-default sidebar" role="navigation">
        <div class="sidebar-nav navbar-collapse">
        	   <ul class="nav" id="side-menu">
        
        	   	  <li>
                    <a href="#" class="active">未命名</a>
              </li>
        	   	   <li>
                    <a href="#">坚果类</a>
                </li>
        	   	    <li>
                    <a href="#">其它类</a>
                </li>
        	   </ul>
        	</div>
         <!-- /.sidebar-collapse -->
      </div>	  
      <!-- /"navbar-default sidebar-->
      <!--
      	作者：un_hui@163.com
      	时间：2016-06-12
      	描述：主体内容
      -->
      <div id="page-wrapper">
	 	 <form role="form" class="form-horizontal">
	       <input id="fileImage" type="file" multiple="true">
		 </form>
	  </div>
	  
	  <script>
		$("#fileImage").fileinput({
			language:'zh',
			uploadUrl:'index.html',
			showUpload:true,
			showCaption: false,
			browseClass: "btn btn-primary",
			dropZoneEnabled: true,//是否显示拖拽区域
		    allowedFileExtensions: ['jpg', 'bmp', 'png'],//接收的文件后缀
	        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
	        maxFileCount: 10, //表示允许同时上传的最大文件个数
            enctype: 'multipart/form-data',
            validateInitialCount:true
		});
	 </script>
	</body>
</html>
